<%--
  Created by IntelliJ IDEA.
  User: 10665
  Date: 2025/1/12
  Time: 下午12:12
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>新增宝可梦界面</title>
    <link rel="stylesheet" href="css/addpokemon2.css">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
</head>
<body>
<div class="title-area">恭喜发现新宝可梦！</div>
<div id="main-container">
    <div class="input-section">
        <form method="post" action="/untitled_war/addpokemonServlet">
            <div class="input-group">
                <label for="pokemon-name" id="pokemon-information">宝可梦名称：</label>
                <input type="text" id="pokemon-name" name="pokemonname">
            </div>

            <div class="input-group">
                <label for="pokemon-type" id="pokemon-information" >属性：</label>
                <input type="text" id="pokemon-type" name="pokemontype">
            </div>
            <div class="input-group">
                <label for="discovery-location" id="pokemon-information">发现地：</label>
                <input type="text" id="discovery-location" name="pokemondescribe">
            </div>
            <div class="input-group">
                <label for="signature-move" id="pokemon-information">招牌技能：</label>
                <input type="text" id="signature-move" name="pokemonskill">
            </div>
            <div class="input-group">
                <label for="discovery-time" id="pokemon-information">发现时间：</label>
                <input type="text" id="discovery-time" name="pokemontime">
            </div>
            <input type="submit" id="add-button"  value="上报">
        </form>
    </div>

</div>

<!-- 弹出窗口 -->
<div id="overlay"></div>
<div id="popup">
    <p>恭喜发现全新的宝可梦，作为第一个发现这只宝可梦的人，您有对它的命名权！</p>
    <input type="text" id="popup-pokemon-name" placeholder="请输入宝可梦的名字">
    <button id="confirm-popup">确定</button>
    <button id="close-popup">关闭</button>
</div>

<!-- 引入JavaScript文件 -->
<script src="../js/scripts.js"></script>
</body>
</html>


